<template>
  <div id="dialogDpNum">
    <el-dialog
      title="人群详情"
      width="500px"
      :visible.sync="dialogData.isShow"
      :before-close="labelHandleClose"
    >
      <!-- 表格部分 -->
      <el-table :data="dialogData.DpNum" style="width: 100%">
        <el-table-column type="index" width="60" align="center" label="序号">
        </el-table-column>
        <el-table-column
          prop="dpNumber"
          label="大鹏号"
          align="center"
          min-width="150"
        ></el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="success" plain @click="cancelLabel">
          取 消
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'CreateRule',
  msg: '创建活动-预置用户规则-显示大鹏号',
  props: ['dialogData'],
  data() {
    return {}
  },
  mounted() {},
  methods: {
    labelHandleClose(done) {
      this.cancelLabel()
      done()
    },
    cancelLabel() {
      // 关闭前清空
      this.dialogData.isShow = false
      this.dialogData.DpNum = []
    }
  }
}
</script>
<style lang="less">
#dialogDpNum {
  .el-dialog {
    border-radius: 4px;
    .el-dialog__header {
      border-bottom: 1px solid rgba(225, 228, 233, 1);
    }
  }
  .title {
    border-left: 3px solid #1dc8a4;
    height: 12px;
    line-height: 12px;
  }
}
</style>
